
@{
    ViewData["Title"] = "Gallery";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="am-g am-g-fixed blog-fixed blog-content">
    <figure data-am-widget="figure" class="am am-figure am-figure-default  am-no-layout am-figure-zoomable" data-am-figure="{  pureview: 'true' }">
        <div id="container" style="position: relative; height: 1778px;">
            <div style="position: absolute; top: 5px; left: 0px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/01.jpg" data-am-pureviewed="1"><h3>Agfa</h3></div>
            <div style="position: absolute; top: 5px; left: 236px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/02.jpg" data-am-pureviewed="1"><h3>Auto</h3></div>
            <div style="position: absolute; top: 5px; left: 472px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/03.jpg" data-am-pureviewed="1"><h3>Bald eagle</h3></div>
            <div style="position: absolute; top: 5px; left: 708px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/04.jpg" data-am-pureviewed="1"><h3>Black swan</h3></div>
            <div style="position: absolute; top: 5px; left: 944px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/05.jpg" data-am-pureviewed="1"><h3>Book shelf</h3></div>
            <div style="position: absolute; top: 253px; left: 0px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/06.jpg" data-am-pureviewed="1"><h3>Camera</h3></div>
            <div style="position: absolute; top: 253px; left: 472px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/07.jpg" data-am-pureviewed="1"><h3>Camera</h3></div>
            <div style="position: absolute; top: 254px; left: 708px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/25.jpg" data-am-pureviewed="1"><h3>Vintage camera</h3></div>
            <div style="position: absolute; top: 254px; left: 944px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/09.jpg" data-am-pureviewed="1"><h3>Coffee</h3></div>
            <div style="position: absolute; top: 286px; left: 236px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/10.jpg" data-am-pureviewed="1"><h3>Cookies</h3></div>
            <div style="position: absolute; top: 502px; left: 0px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/11.jpg" data-am-pureviewed="1"><h3>Cubes</h3></div>
            <div style="position: absolute; top: 502px; left: 472px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/12.jpg" data-am-pureviewed="1"><h3>DJ</h3></div>
            <div style="position: absolute; top: 535px; left: 236px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/13.jpg" data-am-pureviewed="1"><h3>Doors</h3></div>
            <div style="position: absolute; top: 576px; left: 944px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/14.jpg" data-am-pureviewed="1"><h3>Matchbox</h3></div>
            <div style="position: absolute; top: 687px; left: 708px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/15.jpg" data-am-pureviewed="1"><h3>Freiburg</h3></div>
            <div style="position: absolute; top: 751px; left: 472px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/16.jpg" data-am-pureviewed="1"><h3>Henna</h3></div>
            <div style="position: absolute; top: 769px; left: 0px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/17.jpg" data-am-pureviewed="1"><h3>Home office</h3></div>
            <div style="position: absolute; top: 784px; left: 236px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/18.jpg" data-am-pureviewed="1"><h3>iPad</h3></div>
            <div style="position: absolute; top: 825px; left: 944px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/19.jpg" data-am-pureviewed="1"><h3>Keyboard</h3></div>
            <div style="position: absolute; top: 954px; left: 708px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/20.jpg" data-am-pureviewed="1"><h3>Lynx</h3></div>
            <div style="position: absolute; top: 1000px; left: 472px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/21.jpg" data-am-pureviewed="1"><h3>Mac</h3></div>
            <div style="position: absolute; top: 1018px; left: 0px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/22.jpg" data-am-pureviewed="1"><h3>Notebook</h3></div>
            <div style="position: absolute; top: 1032px; left: 236px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/23.jpg" data-am-pureviewed="1"><h3>Thoughts</h3></div>
            <div style="position: absolute; top: 1074px; left: 944px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/24.jpg" data-am-pureviewed="1"><h3>Office</h3></div>
            <div style="position: absolute; top: 1238px; left: 472px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/25.jpg" data-am-pureviewed="1"><h3>Children</h3></div>
            <div style="position: absolute; top: 1267px; left: 0px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/26.jpg" data-am-pureviewed="1"><h3>Portrait</h3></div>
            <div style="position: absolute; top: 1281px; left: 236px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/27.jpg" data-am-pureviewed="1"><h3>Startup</h3></div>
            <div style="position: absolute; top: 1296px; left: 708px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/28.jpg" data-am-pureviewed="1"><h3>Sun</h3></div>
            <div style="position: absolute; top: 1323px; left: 944px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/29.jpg" data-am-pureviewed="1"><h3>The Eiffel Tower</h3></div>
            <div style="position: absolute; top: 1516px; left: 0px; width: 226px; margin: 5px; transition: top 0.5s, left 0.5s;"><img src="~/images/30.jpg" data-am-pureviewed="1"><h3>Water drops</h3></div>

        </div>
    </figure>

</div>

